<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script >
        // 页面的载入事件。 载入事件是会在页面上所有资源全部处理完毕之后才会开始执行
        // 当代码执行到window.onload 不会现在就执行，等着 等到浏览器将其他的所有标签全部解析完毕之后才开始执行
        window.onload = function(){
            document.querySelector('button').onclick = function(){
                console.log('ok');
            }
        }
    </script>
    <script>
        // window.onload 是动态绑定事件方式 存在覆盖问题 后期使用事件监听机制解决
        window.onload = function(){
            document.querySelector('button').onclick = function(){
                console.log('ok2');
            }
        }
    </script>

</head>
<body>
    <button>按钮</button>
</body>
</html>